<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui" template="/main.xhtml">

	<ui:define name="menu">
		<li><a href="cadastrarQuarto" class="nav ancora">Cadastrar
				Quartos</a></li>
		<li><a href="listaQuartos" class="nav ancora">Quartos</a></li>
		<h:form>
			<li><h:commandLink action="#{administradorAction.logout()}"
					styleClass="nav ancora" value="Sair"
					rendered="#{administradorAction.admLogado}" /></li>
		</h:form>
	</ui:define>

	<ui:define name="conteudo">
		<h1 id="consolidarReserva" class="lugarAncora">Consolidar Reserva
		</h1>

		<hr />

		<div id="consolidarReserva" class="linha divForm">
			<h:form>

				<div class="inputs">
					<label>Nome:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.nome}" id="nome"
						styleClass="validate[required] text-input" />

					<label>CPF:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.CPF}" id="cpf"
						styleClass="validate[required,custom[cpf]] text-input" />

					<label>RG:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.RG}" id="rg"
						maxlength="11"
						styleClass="validate[required, custom[rg]] text-input" />

					<label>Data de Nascimento:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.dataNascimento}"
						id="dataNascimento"
						styleClass="validate[required, funcCall[checarIdade]] text-input datepicker">
						<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:inputText>

					<label>Pais:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.endereco.pais}" />

					<label>Estado:</label>
					<h:selectOneMenu id="estadoInput"
						disabled="#{cadastrarUsuario.hospede.endereco.isDiferenteBrasil()}"
						value="#{cadastrarUsuario.hospede.endereco.estado}" effect="fade"
						style="margin-bottom: 2%" styleClass="inputCampos">
						<f:selectItem itemLabel="Selecione..." />
						<f:selectItems value="#{cadastrarUsuario.estados}" var="estado"
							itemLabel="#{estado}" itemValue="#{estado}" />
					</h:selectOneMenu>

					<label>Cidade:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.endereco.cidade}"
						id="cidade" styleClass="validate[required] text-input" />

					<label>CEP</label>
					<h:inputText value="#{cadastrarUsuario.hospede.endereco.CEP}"
						id="cep" styleClass="validate[required, custom[cep]]" />


					<label>Rua:</label>
					<h:inputText
						value="#{cadastrarUsuario.hospede.endereco.logradouro}" />



					<label>Número:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.endereco.numero}"
						id="numero" />

					<label>Telefone:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.telefone}"
						id="telefone" />

					<label>Email:</label>
					<h:inputText value="#{cadastrarUsuario.hospede.email}" id="email"
						styleClass="validate[required, custom[email]]" />

					<label>Senha:</label>
					<h:inputSecret value="#{cadastrarUsuario.senha1}" id="senha"
						styleClass="validate[required, minSize[6]] text-input inputCampos" />

					<label>Repita a senha:</label>
					<h:inputSecret value="#{cadastrarUsuario.senha2}" id="senha2"
						styleClass="validate[required, minSize[6]] text-input, inputCampos" />

				</div>

				<h:commandButton value="Confirmar"
					action="#{quartoAction.cadastrarQuarto()}" title="Cadastrar Quarto"
					style="clear: both" />
			</h:form>
		</div>

		<h1 id="listaQuartos" class="lugarAncora">Lista de Quartos</h1>

		<hr />


		<h:form>
			<h:panelGroup rendered="#{administradorAction.admLogado}">
				<h1>Administrativo</h1>
				<h:commandButton action="cadastrarQuarto" value="Cadastrar Quarto" />
				<h:commandButton action="#{administradorAction.iniciaUnidadeAction}"
					value="Unidade" />
			</h:panelGroup>
		</h:form>
	</ui:define>


</ui:composition>